<template>
  <div class="synsis-dialog-container">
    <cesium-dialog-base :title="title">
      <template #content>
        <!--     <div class="content-echart">
          <chart-one chartID="chartID" height="100%" width="100%"> </chart-one>
        </div> -->

        <p>楼宇名称：{{ data.name }}</p>
        <p>风险等级：{{ data.risk }}</p>
      </template>
    </cesium-dialog-base>
  </div>
</template>

<script setup>
import { ref, defineEmits, defineProps } from 'vue'
import CesiumDialogBase from '../CesiumDialogBase/index.vue'
// import ChartOne from '../charts/chartOne.vue'

const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  data: {
    type: Object,
    default: () => {}
  },
  cesiumEvent: {
    type: Function,
    default: () => {}
  }
})

const emits = defineEmits(['onClose', 'onLeakSource'])

const handleOnDiffusion = () => {
  props.cesiumEvent(112.5456, 37.86)
}
</script>
<style lang="scss" scoped>
.synsis-dialog-container {
  width: 350px;
  .content-echart {
    width: 100%;
    height: 300px;
  }
  p {
    width: 280px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-style: italic;
    color: #ffffff;
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
    margin-left: 36px;
    margin-right: 26px;
    > span {
      min-width: 100px;
    }
  }
  /*  .footer {
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 14px;
    margin-bottom: 18px;
    .btn-save {
      width: 140px;
      height: 43px;
      background: url('~@@/images/screen/btn_bg.png') no-repeat;
      background-size: 100% 100%;
      text-align: center;
      line-height: 33px;
      font-size: 13px;
      font-family: Microsoft YaHei;
      font-style: italic;
      color: rgba(255, 255, 255, 0.8);
      cursor: pointer;
    }
  } */
}
</style>
